<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh">

<head>
    <title>后台管理</title>
    <%@include file="../common/common.jsp"%>
</head>

<body>

<%@include file="navTop.jsp"%>

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-3 col-md-2 sidebar">
            <ul class="nav nav-sidebar">
                <li><a href="<%=path%>/admin/scenic_spot">景区管理</a></li>
            </ul>
            <ul class="nav nav-sidebar">
                <li class="active"><a href="<%=path%>/admin/hotel">酒店管理</a></li>
            </ul>
            <ul class="nav nav-sidebar">
                <li><a href="<%=path%>/admin/ticket">票务管理</a></li>
            </ul>
            <ul class="nav nav-sidebar">
                <li><a href="<%=path%>/admin/user">用户管理</a></li>
            </ul>
            <ul class="nav nav-sidebar">
                <li><a href="<%=path%>/admin/index">首页设置</a></li>
            </ul>
        </div>
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
            <h2 class="sub-header">酒店管理</h2>
            <a type="button" href="<%=path%>/admin/hotel_add" class="btn btn-info">添加酒店</a>
            <div class="table-responsive">
                <table id="dg" class="table table-striped">

                </table>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function () {
        initTable();
    });
    var initTable = function () {
        //加载表格
        $('#dg').bootstrapTable({
            //searchAlign: 'left',
            search: true,   //显示隐藏搜索框
            showHeader: true,     //是否显示列头
            //classes: 'table-no-bordered',
            showLoading: false,
            undefinedText: '',
            showFullscreen: false,
            // toolbarAlign: 'left',
            // paginationHAlign: 'right',
            silent: false,
            url: CONTEXT_PATH+"/Hotel/pageList",
            method: 'post',                      //请求方式（*）
            /*queryParams:function(){
                return getColPar();
            },*/
            //toolbar: '#toolbar',                //工具按钮用哪个容器
            striped: true,                      //是否显示行间隔色
            cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
            pagination: true,                   //是否显示分页（*）
            sortable: false,                     //是否启用排序
            sortOrder: "asc",                   //排序方式
            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber: 1,                       //初始化加载第一页，默认第一页
            pageSize: 10,                       //每页的记录行数（*）
            pageList: [10, 20, 30],        //可供选择的每页的行数（*）
            search: false,                      //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
            strictSearch: false,
            showColumns: false,                  //是否显示选择所有的列
            showRefresh: false,                  //是否显示刷新按钮
            minimumCountColumns: 2,             //最少允许的列数
            clickToSelect: true,                //是否启用点击选中行
            height: 450,                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
            showToggle: false,                    //是否显示详细视图和列表视图的切换按钮
            cardView: false,                    //是否显示详细视图
            detailView: false,                   //是否显示父子表
            showExport: false,
            exportDataType: 'all',
            exportDataType: "selected",        //导出checkbox选中的行数
            paginationLoop: false,             //是否无限循环
            data_local: "zh-CN",
            queryParams: function (params) {
                return {
                    offset: params.offset ,  //页码
                    pagesize: params.limit,   //页面大小
                };
            },
            responseHandler: function (res) {
                //这里注意，这里是后台接口返回的数据，需要把返回的数据分别对接rows和total 用于分页和展示
                return {
                    "rows": res.pageList,
                    "total": res.totalCount
                };
            },
            columns: [
                {
                    field: 'id',
                    title: '序号'
                },{
                    field: 'mainTitle',
                    title: '标题'
                }, {
                    field: 'price',
                    title: '价格'
                }, {
                    field: 'isRecommend',
                    title: '是否推荐',
                    formatter:function (value, row, index) {
                        if (value==="1"){
                            return '<input name="switch1"  value="'+row.id+'" type="checkbox"/>'
                        } if(value==="0"){
                            return '<input name="switch2" value="'+row.id+'" type="checkbox"  />'
                        }

                    }
                }, {
                    field: '',
                    title: '操作',
                    formatter:function (value, row, index) {
                        return"<button class=\"btn btn-danger\" onclick=\"deletedg('" + row.id + "')\" > 删除</button>"+
                            "&nbsp;&nbsp;" +
                            "<a class=\"btn btn-info\" href='/admin/messageList/H/"+row.id+"' target='_blank' > 查看留言</a>";
                    }
                } ],
            onLoadSuccess: function (result) {  //加载成功时执行
                initSwitch();
            },
        });
    };
    var deletedg =function (id) {
        Util.doGet("/admin/hotelMangage/delete/"+id,null,function () {
            $('#dg').bootstrapTable("refresh");
        });
    };

    var initSwitch=function () {
        $("[name='switch1']").bootstrapSwitch({
            onText: "否",
            offText: "是",
            onColor: "success",
            offColor: "info",
            size: "Mini",
            onSwitchChange: function (event, state) {
                if (state === true) {
                    var id=this.value;
                    Util.doGet("/admin/hotelManage/update/isRecommend/f/"+id,null,function () {
                        $('#dg').bootstrapTable("refresh");
                    });
                }
            }
        }).bootstrapSwitch('state', false);
        $("[name='switch2']").bootstrapSwitch({
            onText: "否",
            offText: "是",
            onColor: "success",
            offColor: "info",
            size: "Mini",
            onSwitchChange: function (event, state) {
                if (state === false) {
                    var id=this.value;
                    Util.doGet("/admin/hotelManage/update/isRecommend/t/"+id,null,function () {
                        $('#dg').bootstrapTable("refresh");
                    });
                }
            }
        }).bootstrapSwitch('state', true);
    }
</script>
</body>

</html>